<!DOCTYPE html>
<html>
    
<!-- Mirrored from coderthemes.com/zircos_2/default/icons-colored.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Sep 2017 09:04:29 GMT -->
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <!-- App favicon -->
        <link rel="shortcut icon" href="assets/images/favicon.ico">
        <!-- App title -->
        <title>Zircos - Responsive Admin Dashboard Template</title>

        <!-- App css -->
        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/core.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/components.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/menu.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="http://coderthemes.com/zircos_2/plugins/switchery/switchery.min.css">

        <!-- HTML5 Shiv and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->

        <script src="assets/js/modernizr.min.js"></script>
<script>
          (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
          (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
          m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
          })(window,document,'script','https://coderthemes.com//www.google-analytics.com/analytics.js','ga');

          ga('create', 'UA-83057131-1', 'auto');
          ga('send', 'pageview');

        </script>

    </head>


    <body class="fixed-left">

        <!-- Begin page -->
        <div id="wrapper">

            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left">
                    <a href="index.html" class="logo"><span>Zir<span>cos</span></span><i class="mdi mdi-layers"></i></a>
                    <!-- Image logo -->
                    <!--<a href="index.html" class="logo">-->
                        <!--<span>-->
                            <!--<img src="assets/images/logo.png" alt="" height="30">-->
                        <!--</span>-->
                        <!--<i>-->
                            <!--<img src="assets/images/logo_sm.png" alt="" height="28">-->
                        <!--</i>-->
                    <!--</a>-->
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                <div class="navbar navbar-default" role="navigation">
                    <div class="container">

                        <!-- Navbar-left -->
                        <ul class="nav navbar-nav navbar-left">
                            <li>
                                <button class="button-menu-mobile open-left waves-effect">
                                    <i class="mdi mdi-menu"></i>
                                </button>
                            </li>
                            <li class="hidden-xs">
                                <form role="search" class="app-search">
                                    <input type="text" placeholder="Search..."
                                           class="form-control">
                                    <a href="#"><i class="fa fa-search"></i></a>
                                </form>
                            </li>
                            <li class="hidden-xs">
                                <a href="#" class="menu-item">New</a>
                            </li>
                            <li class="dropdown hidden-xs">
                                <a data-toggle="dropdown" class="dropdown-toggle menu-item" href="#" aria-expanded="false">English
                                    <span class="caret"></span></a>
                                <ul role="menu" class="dropdown-menu">
                                    <li><a href="#">German</a></li>
                                    <li><a href="#">French</a></li>
                                    <li><a href="#">Italian</a></li>
                                    <li><a href="#">Spanish</a></li>
                                </ul>
                            </li>
                        </ul>

                        <!-- Right(Notification) -->
                        <ul class="nav navbar-nav navbar-right">
                            <li>
                                <a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
                                    <i class="mdi mdi-bell"></i>
                                    <span class="badge up bg-success">4</span>
                                </a>

                                <ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right dropdown-lg user-list notify-list">
                                    <li>
                                        <h5>Notifications</h5>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="icon bg-info">
                                                <i class="mdi mdi-account"></i>
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">New Signup</span>
                                                <span class="time">5 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="icon bg-danger">
                                                <i class="mdi mdi-comment"></i>
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">New Message received</span>
                                                <span class="time">1 day ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="icon bg-warning">
                                                <i class="mdi mdi-settings"></i>
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Settings</span>
                                                <span class="time">1 day ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="all-msgs text-center">
                                        <p class="m-0"><a href="#">See all Notification</a></p>
                                    </li>
                                </ul>
                            </li>

                            <li>
                                <a href="#" class="right-menu-item dropdown-toggle" data-toggle="dropdown">
                                    <i class="mdi mdi-email"></i>
                                    <span class="badge up bg-danger">8</span>
                                </a>

                                <ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right dropdown-lg user-list notify-list">
                                    <li>
                                        <h5>Messages</h5>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="avatar">
                                                <img src="assets/images/users/avatar-2.jpg" alt="">
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Patricia Beach</span>
                                                <span class="desc">There are new settings available</span>
                                                <span class="time">2 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="avatar">
                                                <img src="assets/images/users/avatar-3.jpg" alt="">
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Connie Lucas</span>
                                                <span class="desc">There are new settings available</span>
                                                <span class="time">2 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#" class="user-list-item">
                                            <div class="avatar">
                                                <img src="assets/images/users/avatar-4.jpg" alt="">
                                            </div>
                                            <div class="user-desc">
                                                <span class="name">Margaret Becker</span>
                                                <span class="desc">There are new settings available</span>
                                                <span class="time">2 hours ago</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="all-msgs text-center">
                                        <p class="m-0"><a href="#">See all Messages</a></p>
                                    </li>
                                </ul>
                            </li>

                            <li>
                                <a href="javascript:void(0);" class="right-bar-toggle right-menu-item">
                                    <i class="mdi mdi-settings"></i>
                                </a>
                            </li>

                            <li class="dropdown user-box">
                                <a href="#" class="dropdown-toggle waves-effect user-link" data-toggle="dropdown" aria-expanded="true">
                                    <img src="assets/images/users/avatar-1.jpg" alt="user-img" class="img-circle user-img">
                                </a>

                                <ul class="dropdown-menu dropdown-menu-right arrow-dropdown-menu arrow-menu-right user-list notify-list">
                                    <li>
                                        <h5>Hi, John</h5>
                                    </li>
                                    <li><a href="javascript:void(0)"><i class="ti-user m-r-5"></i> Profile</a></li>
                                    <li><a href="javascript:void(0)"><i class="ti-settings m-r-5"></i> Settings</a></li>
                                    <li><a href="javascript:void(0)"><i class="ti-lock m-r-5"></i> Lock screen</a></li>
                                    <li><a href="javascript:void(0)"><i class="ti-power-off m-r-5"></i> Logout</a></li>
                                </ul>
                            </li>

                        </ul> <!-- end navbar-right -->

                    </div><!-- end container -->
                </div><!-- end navbar -->
            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->
            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">

                    <!--- Sidemenu -->
                    <div id="sidebar-menu">
                        <ul>
                        	<li class="menu-title">Navigation</li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-view-dashboard"></i><span class="label label-success pull-right">2</span> <span> Dashboard </span> </a>
                                <ul class="list-unstyled">
                                    <li><a href="index.html">Dashboard 1</a></li>
                                    <li><a href="dashboard_2.html">Dashboard 2</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-invert-colors"></i> <span> User Interface </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="ui-buttons.html">Buttons</a></li>
                                    <li><a href="ui-typography.html">Typography</a></li>
                                    <li><a href="ui-panels.html">Panel</a></li>
                                    <li><a href="ui-portlets.html">Portlets</a></li>
                                    <li><a href="ui-modals.html">Modals</a></li>
                                    <li><a href="ui-checkbox-radio.html">Checkboxs-Radios</a></li>
                                    <li><a href="ui-tabs.html">Tabs</a></li>
                                    <li><a href="ui-progressbars.html">Progress Bars</a></li>
                                    <li><a href="ui-notifications.html">Notification</a></li>
                                    <li><a href="ui-alerts.html">Alerts</a>
                                    <li><a href="ui-carousel.html">Carousel</a>
                                    <li><a href="ui-video.html">Video</a>
                                    <li><a href="ui-tooltips-popovers.html">Tooltips & Popovers</a></li>
                                    <li><a href="ui-images.html">Images</a></li>
                                    <li><a href="ui-bootstrap.html">Bootstrap UI</a></li>
                                    <li><a href="ui-grid.html">Grid</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-layers"></i><span> Admin UI </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="admin-sweet-alert.html">Sweet Alert</a></li>
                                    <li><a href="admin-widgets.html">Widgets</a></li>
                                    <li><a href="admin-nestable.html">Nestable List</a></li>
                                    <li><a href="admin-rangeslider.html">Range Slider</a></li>
                                    <li><a href="admin-ratings.html">Ratings</a></li>
                                    <li><a href="admin-animation.html">Animation</a></li>
                                </ul>
                            </li>

                            <li>
                                <a href="calendar.html" class="waves-effect"><i class="mdi mdi-calendar"></i><span> Calendar </span></a>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-email"></i><span> Email </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="email-inbox.html"> Inbox</a></li>
                                    <li><a href="email-read.html"> Read Mail</a></li>
                                    <li><a href="email-compose.html"> Compose Mail</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-heart-outline"></i><span> Icons </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="icons-glyphicons.html">Glyphicons</a></li>
                                    <li><a href="icons-colored.html">Colored Icons</a></li>
                                    <li><a href="icons-materialdesign.html">Material Design</a></li>
                                    <li><a href="icons-ionicons.html">Ion Icons</a></li>
                                    <li><a href="icons-fontawesome.html">Font awesome</a></li>
                                    <li><a href="icons-themifyicon.html">Themify Icons</a></li>
                                    <li><a href="icons-typicons.html">Typicons</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-diamond"></i><span class="label label-info pull-right">New</span> <span> Forms </span></a>
                                <ul class="list-unstyled">
                                    <li><a href="form-elements.html">Form Elements</a></li>
                                    <li><a href="form-advanced.html">Form Advanced</a></li>
                                    <li><a href="form-validation.html">Form Validation</a></li>
                                    <li><a href="form-pickers.html">Form Pickers</a></li>
                                    <li><a href="form-wizard.html">Form Wizard</a></li>
                                    <li><a href="form-mask.html">Form Masks</a></li>
                                    <li><a href="form-summernote.html">Summernote</a></li>
                                    <li><a href="form-wysiwig.html">Wysiwig Editors</a></li>
                                    <li><a href="form-uploads.html">Multiple File Upload</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-format-list-bulleted"></i> <span> Tables </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                	<li><a href="tables-basic.html">Basic Tables</a></li>
                                    <li><a href="tables-layouts.html">Tables Layouts</a></li>
                                    <li><a href="tables-datatable.html">Data Table</a></li>
                                    <li><a href="tables-responsive.html">Responsive Table</a></li>
                                    <li><a href="tables-tablesaw.html">Tablesaw Table</a></li>
                                    <li><a href="tables-editable.html">Editable Table</a></li>
                                </ul>
                            </li>

                            <li class="menu-title">Extra</li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-chart-arc"></i><span> Charts </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="chart-flot.html">Flot Chart</a></li>
                                    <li><a href="chart-morris.html">Morris Chart</a></li>
                                    <li><a href="chart-google.html">Google Chart</a></li>
                                    <li><a href="chart-chartist.html">Chartist Charts</a></li>
                                    <li><a href="chart-chartjs.html">Chartjs Chart</a></li>
                                    <li><a href="chart-c3.html">C3 Chart</a></li>
                                    <li><a href="chart-sparkline.html">Sparkline Chart</a></li>
                                    <li><a href="chart-knob.html">Jquery Knob</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-map"></i> <span> Maps </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                	<li><a href="maps-google.html">Google Maps</a></li>
                                    <li><a href="maps-vector.html">Vector Maps</a></li>
                                    <li><a href="maps-mapael.html">Mapael Maps</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-google-pages"></i><span> Pages </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="page-starter.html">Starter Page</a></li>
                                    <li><a href="page-login.html">Login</a></li>
                                    <li><a href="page-register.html">Register</a></li>
                                    <li><a href="page-logout.html">Logout</a></li>
                                    <li><a href="page-recoverpw.html">Recover Password</a></li>
                                    <li><a href="page-lock-screen.html">Lock Screen</a></li>
                                    <li><a href="page-confirm-mail.html">Confirm Mail</a></li>
                                    <li><a href="page-404.html">Error 404</a></li>
                                    <li><a href="page-404-alt.html">Error 404-alt</a></li>
                                    <li><a href="page-500.html">Error 500</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-gift"></i><span> Extras </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="extras-profile.html">Profile</a></li>
                                    <li><a href="extras-sitemap.html">Sitemap</a></li>
                                    <li><a href="extras-about.html">About Us</a></li>
                                    <li><a href="extras-contact.html">Contact</a></li>
                                    <li><a href="extras-members.html">Members</a></li>
                                    <li><a href="extras-timeline.html">Timeline</a></li>
                                    <li><a href="extras-invoice.html">Invoice</a></li>
                                    <li><a href="extras-search-result.html">Search Result</a></li>
                                    <li><a href="extras-emailtemplate.html">Email Template</a></li>
                                    <li><a href="extras-maintenance.html">Maintenance</a></li>
                                    <li><a href="extras-coming-soon.html">Coming Soon</a></li>
                                    <li><a href="extras-faq.html">FAQ</a></li>
                                    <li><a href="extras-gallery.html">Gallery</a></li>
                                    <li><a href="extras-pricing.html">Pricing</a></li>
                                </ul>
                            </li>

                            <li class="menu-title">More</li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-comment-text-outline"></i><span> Blog </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="blogs-dashboard.html">Dashboard</a></li>
                                    <li><a href="blogs-blog-list.html">Blog List</a></li>
                                    <li><a href="blogs-blog-column.html">Blog Column</a></li>
                                    <li><a href="blogs-blog-post.html">Blog Post</a></li>
                                    <li><a href="blogs-blog-add.html">Add Blog</a></li>
                                </ul>
                            </li>

                            <li class="has_sub">
                                <a href="javascript:void(0);" class="waves-effect"><i class="mdi mdi-home-map-marker"></i><span> Real Estate </span> <span class="menu-arrow"></span></a>
                                <ul class="list-unstyled">
                                    <li><a href="real-estate-dashboard.html">Dashboard</a></li>
                                    <li><a href="real-estate-list.html">Property List</a></li>
                                    <li><a href="real-estate-column.html">Property Column</a></li>
                                    <li><a href="real-estate-detail.html">Property Detail</a></li>
                                    <li><a href="real-estate-agents.html">Agents</a></li>
                                    <li><a href="real-estate-profile.html">Agent Details</a></li>
                                    <li><a href="real-estate-add.html">Add Property</a></li>
                                </ul>
                            </li>

                        </ul>
                    </div>
                    <!-- Sidebar -->
                    <div class="clearfix"></div>

                    <div class="help-box">
                        <h5 class="text-muted m-t-0">For Help ?</h5>
                        <p class=""><span class="text-custom">Email:</span> <br/> support@support.com</p>
                        <p class="m-b-0"><span class="text-custom">Call:</span> <br/> (+123) 123 456 789</p>
                    </div>

                </div>
                <!-- Sidebar -left -->

            </div>
            <!-- Left Sidebar End -->



            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->
            <div class="content-page">
                <!-- Start content -->
                <div class="content">
                    <div class="container">


                        <div class="row">
							<div class="col-xs-12">
								<div class="page-title-box">
                                    <h4 class="page-title">Colored Icons </h4>
                                    <ol class="breadcrumb p-0 m-0">
                                        <li>
                                            <a href="#">Zircos</a>
                                        </li>
                                        <li>
                                            <a href="#">Icons </a>
                                        </li>
                                        <li class="active">
                                            Colored Icons
                                        </li>
                                    </ol>
                                    <div class="clearfix"></div>
                                </div>
							</div>
						</div>
                        <!-- end row -->


                        <div class="row">
                            <div class="col-md-10 col-md-offset-1">
                                <div class="p-20">
                                    <h4 class="m-t-0 m-b-30">Photo and Video</h4>
                                    <p>
                                        <img class="icon-colored" src="assets/images/icons/flash_on.svg" title="flash_on.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/flash_off.svg" title="flash_off.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/flash_auto.svg" title="flash_auto.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/panorama.svg" title="panorama.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/landscape.svg" title="landscape.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/night_landscape.svg" title="night_landscape.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/sports_mode.svg" title="sports_mode.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/portrait_mode.svg" title="portrait_mode.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/night_portrait.svg" title="night_portrait.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/close_up_mode.svg" title="close_up_mode.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/selfie.svg" title="selfie.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/gallery.svg" title="gallery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/stack_of_photos.svg" title="stack_of_photos.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/add_image.svg" title="add_image.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/edit_image.svg" title="edit_image.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/remove_image.svg" title="remove_image.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/compact_camera.svg" title="compact_camera.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/multiple_cameras.svg" title="multiple_cameras.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/camera.svg" title="camera.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/slr_back_side.svg" title="slr_back_side.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/old_time_camera.svg" title="old_time_camera.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/camera_addon.svg" title="camera_addon.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/camera_identification.svg" title="camera_identification.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/start.svg" title="start.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/clapperboard.svg" title="clapperboard.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/film.svg" title="film.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/camcorder.svg" title="camcorder.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/camcorder_pro.svg" title="camcorder_pro.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/webcam.svg" title="webcam.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/integrated_webcam.svg" title="integrated_webcam.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/rotate_camera.svg" title="rotate_camera.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/switch_camera.svg" title="switch_camera.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/photo_reel.svg" title="photo_reel.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/film_reel.svg" title="film_reel.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/cable_release.svg" title="cable_release.svg"/>
                                    </p>
                                </div>


                                <div class="p-20">
                                    <h4 class="m-t-0 m-b-30">Very Basic</h4>
                                    <p>
                                        <img class="icon-colored" src="assets/images/icons/home.svg" title="home.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/icons8_cup.svg" title="icons8_cup.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/globe.svg" title="globe.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/ok.svg" title="ok.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/checkmark.svg" title="checkmark.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/cancel.svg" title="cancel.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/synchronize.svg" title="synchronize.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/refresh.svg" title="refresh.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/download.svg" title="download.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/upload.svg" title="upload.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/empty_trash.svg" title="empty_trash.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/full_trash.svg" title="full_trash.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/folder.svg" title="folder.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/opened_folder.svg" title="opened_folder.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/file.svg" title="file.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/document.svg" title="document.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/audio_file.svg" title="audio_file.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/image_file.svg" title="image_file.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/video_file.svg" title="video_file.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/print.svg" title="print.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/music.svg" title="music.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/share.svg" title="share.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/cursor.svg" title="cursor.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/puzzle.svg" title="puzzle.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/unlock.svg" title="unlock.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/lock.svg" title="lock.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/idea.svg" title="idea.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/no_idea.svg" title="no_idea.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/link.svg" title="link.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/broken_link.svg" title="broken_link.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/rating.svg" title="rating.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/like_placeholder.svg" title="like_placeholder.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/like.svg" title="like.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/dislike.svg" title="dislike.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/info.svg" title="info.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/about.svg" title="about.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/picture.svg" title="picture.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/clock.svg" title="clock.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/alarm_clock.svg" title="alarm_clock.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/address_book.svg" title="address_book.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/contacts.svg" title="contacts.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/news.svg" title="news.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/bookmark.svg" title="bookmark.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/binoculars.svg" title="binoculars.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/search.svg" title="search.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/ruler.svg" title="ruler.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/services.svg" title="services.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/settings.svg" title="settings.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/support.svg" title="support.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/frame.svg" title="frame.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/menu.svg" title="menu.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/key.svg" title="key.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/calendar.svg" title="calendar.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/calculator.svg" title="calculator.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/minus.svg" title="minus.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/plus.svg" title="plus.svg"/>
                                    </p>
                                </div>

                                <div class="p-20">
                                    <h4 class="m-t-0 m-b-30">Business</h4>
                                    <p>
                                        <img class="icon-colored" src="assets/images/icons/graduation_cap.svg" title="graduation_cap.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/briefcase.svg" title="briefcase.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/business.svg" title="business.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/signature.svg" title="signature.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/safe.svg" title="safe.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/advertising.svg" title="advertising.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/businessman.svg" title="businessman.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/businesswoman.svg" title="businesswoman.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/manager.svg" title="manager.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/online_support.svg" title="online_support.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/assistant.svg" title="assistant.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/customer_support.svg" title="customer_support.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/reading_ebook.svg" title="reading_ebook.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/reading.svg" title="reading.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/neutral_trading.svg" title="neutral_trading.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/bullish.svg" title="bullish.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/bearish.svg" title="bearish.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/high_priority.svg" title="high_priority.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/medium_priority.svg" title="medium_priority.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/low_priority.svg" title="low_priority.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/make_decision.svg" title="make_decision.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/decision.svg" title="decision.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/good_decision.svg" title="good_decision.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/neutral_decision.svg" title="neutral_decision.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/bad_decision.svg" title="bad_decision.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/approve.svg" title="approve.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/disapprove.svg" title="disapprove.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/podium_without_speaker.svg" title="podium_without_speaker.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/podium_with_speaker.svg" title="podium_with_speaker.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/podium_with_audience.svg" title="podium_with_audience.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/video_projector.svg" title="video_projector.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/statistics.svg" title="statistics.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/collaboration.svg" title="collaboration.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/voice_presentation.svg" title="voice_presentation.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/conference_call.svg" title="conference_call.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/comments.svg" title="comments.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/faq.svg" title="faq.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/reuse.svg" title="reuse.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/organization.svg" title="organization.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/department.svg" title="department.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/library.svg" title="library.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/shop.svg" title="shop.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/self_service_kiosk.svg" title="self_service_kiosk.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/donate.svg" title="donate.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/currency_exchange.svg" title="currency_exchange.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/debt.svg" title="debt.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/sales_performance.svg" title="sales_performance.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/invite.svg" title="invite.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/money_transfer.svg" title="money_transfer.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/feedback.svg" title="feedback.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/approval.svg" title="approval.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/paid.svg" title="paid.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/in_transit.svg" title="in_transit.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/shipped.svg" title="shipped.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/package.svg" title="package.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/planner.svg" title="planner.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/overtime.svg" title="overtime.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/leave.svg" title="leave.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/expired.svg" title="expired.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/process.svg" title="process.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/diploma_1.svg" title="diploma_1.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/diploma_2.svg" title="diploma_2.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/business_contact.svg" title="business_contact.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/survey.svg" title="survey.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/inspection.svg" title="inspection.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/rules.svg" title="rules.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/todo_list.svg" title="todo_list.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/ratings.svg" title="ratings.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/questions.svg" title="questions.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/answers.svg" title="answers.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/fine_print.svg" title="fine_print.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/candle_sticks.svg" title="candle_sticks.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/serial_tasks.svg" title="serial_tasks.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/parallel_tasks.svg" title="parallel_tasks.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/tree_structure.svg" title="tree_structure.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/org_unit.svg" title="org_unit.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/privacy.svg" title="privacy.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/disclaimer.svg" title="disclaimer.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/callback.svg" title="callback.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/service_mark.svg" title="service_mark.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/registered_trademark.svg" title="registered_trademark.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/trademark.svg" title="trademark.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/copyright.svg" title="copyright.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/copyleft.svg" title="copyleft.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/sound_recording_copyright.svg" title="sound_recording_copyright.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/butting_in.svg" title="butting_in.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/multiple_inputs.svg" title="multiple_inputs.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/collect.svg" title="collect.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/internal.svg" title="internal.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/external.svg" title="external.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/vip.svg" title="vip.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/light_at_the_end_of_tunnel.svg" title="light_at_the_end_of_tunnel.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/entering_heaven_alive.svg" title="entering_heaven_alive.svg"/>
                                    </p>
                                </div>

                                <div class="p-20">
                                    <h4 class="m-t-0 m-b-30">Industry</h4>
                                    <p>
                                        <img class="icon-colored" src="assets/images/icons/biomass.svg" title="biomass.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/display.svg" title="display.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/do_not_inhale.svg" title="do_not_inhale.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/factory.svg" title="factory.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/factory_breakdown.svg" title="factory_breakdown.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/crystal_oscillator.svg" title="crystal_oscillator.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/capacitor.svg" title="capacitor.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/electricity.svg" title="electricity.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/electro_devices.svg" title="electro_devices.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/electrical_sensor.svg" title="electrical_sensor.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/electrical_threshold.svg" title="electrical_threshold.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/automotive.svg" title="automotive.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/feed_in.svg" title="feed_in.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/dam.svg" title="dam.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/biotech.svg" title="biotech.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/advance.svg" title="advance.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/cloth.svg" title="cloth.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/electronics.svg" title="electronics.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/deployment.svg" title="deployment.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/automatic.svg" title="automatic.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/do_not_insert.svg" title="do_not_insert.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/do_not_mix.svg" title="do_not_mix.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/biohazard.svg" title="biohazard.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/circuit.svg" title="circuit.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/engineering.svg" title="engineering.svg"/>
                                    </p>
                                </div>

                                <div class="p-20">
                                    <h4 class="m-t-0 m-b-30">Mobile</h4>
                                    <p>
                                        <img class="icon-colored" src="assets/images/icons/cell_phone.svg" title="cell_phone.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/iphone.svg" title="iphone.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/ipad.svg" title="ipad.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/phone_android.svg" title="phone_android.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/tablet_android.svg" title="tablet_android.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/nook.svg" title="nook.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/kindle.svg" title="kindle.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/two_smartphones.svg" title="two_smartphones.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/multiple_devices.svg" title="multiple_devices.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/multiple_smartphones.svg" title="multiple_smartphones.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/smartphone_tablet.svg" title="smartphone_tablet.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/touchscreen_smartphone.svg" title="touchscreen_smartphone.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/sim_card.svg" title="sim_card.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/sim_card_chip.svg" title="sim_card_chip.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/sms.svg" title="sms.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/mms.svg" title="mms.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/charge_battery.svg" title="charge_battery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/full_battery.svg" title="full_battery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/high_battery.svg" title="high_battery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/middle_battery.svg" title="middle_battery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/low_battery.svg" title="low_battery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/empty_battery.svg" title="empty_battery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/phone.svg" title="phone.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/missed_call.svg" title="missed_call.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/end_call.svg" title="end_call.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/call_transfer.svg" title="call_transfer.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/video_call.svg" title="video_call.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/no_video.svg" title="no_video.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/rotate_to_portrait.svg" title="rotate_to_portrait.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/lock_portrait.svg" title="lock_portrait.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/rotate_to_landscape.svg" title="rotate_to_landscape.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/lock_landscape.svg" title="lock_landscape.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/voicemail.svg" title="voicemail.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/speaker.svg" title="speaker.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/headset.svg" title="headset.svg"/>
                                    </p>
                                </div>

                                <div class="p-20">
                                    <h4 class="m-t-0 m-b-30">Arrows</h4>
                                    <p>
                                        <img class="icon-colored" src="assets/images/icons/left_up.svg" title="left_up.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/up.svg" title="up.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/right_up.svg" title="right_up.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/left.svg" title="left.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/right.svg" title="right.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/left_down.svg" title="left_down.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/down.svg" title="down.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/right_down.svg" title="right_down.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/collapse.svg" title="collapse.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/previous.svg" title="previous.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/next.svg" title="next.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/expand.svg" title="expand.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/left_down2.svg" title="left_down2.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/up_left.svg" title="up_left.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/down_right.svg" title="down_right.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/right_up2.svg" title="right_up2.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/up_right.svg" title="up_right.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/right_down2.svg" title="right_down2.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/left_up2.svg" title="left_up2.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/down_left.svg" title="down_left.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/undo.svg" title="undo.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/redo.svg" title="redo.svg"/>
                                    </p>
                                </div>

                                <div class="p-20">
                                    <h4 class="m-t-0 m-b-30">Data</h4>
                                    <p>
                                        <img class="icon-colored" src="assets/images/icons/filing_cabinet.svg" title="filing_cabinet.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/database.svg" title="database.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/accept_database.svg" title="accept_database.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/add_database.svg" title="add_database.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/delete_database.svg" title="delete_database.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/data_backup.svg" title="data_backup.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/data_recovery.svg" title="data_recovery.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/data_configuration.svg" title="data_configuration.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/data_encryption.svg" title="data_encryption.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/data_protection.svg" title="data_protection.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/grid.svg" title="grid.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/data_sheet.svg" title="data_sheet.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/add_column.svg" title="add_column.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/delete_column.svg" title="delete_column.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/add_row.svg" title="add_row.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/delete_row.svg" title="delete_row.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/generic_sorting_asc.svg" title="generic_sorting_asc.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/generic_sorting_desc.svg" title="generic_sorting_desc.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/alphabetical_sorting_az.svg" title="alphabetical_sorting_az.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/alphabetical_sorting_za.svg" title="alphabetical_sorting_za.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/numerical_sorting_21.svg" title="numerical_sorting_21.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/numerical_sorting_12.svg" title="numerical_sorting_12.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/empty_filter.svg" title="empty_filter.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/filled_filter.svg" title="filled_filter.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/clear_filters.svg" title="clear_filters.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/pie_chart.svg" title="pie_chart.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/radar_plot.svg" title="radar_plot.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/heat_map.svg" title="heat_map.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/timeline.svg" title="timeline.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/bar_chart.svg" title="bar_chart.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/area_chart.svg" title="area_chart.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/scatter_plot.svg" title="scatter_plot.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/doughnut_chart.svg" title="doughnut_chart.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/combo_chart.svg" title="combo_chart.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/flow_chart.svg" title="flow_chart.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/line_chart.svg" title="line_chart.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/genealogy.svg" title="genealogy.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/mind_map.svg" title="mind_map.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/workflow.svg" title="workflow.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/positive_dynamic.svg" title="positive_dynamic.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/negative_dynamic.svg" title="negative_dynamic.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/export.svg" title="export.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/import.svg" title="import.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/list.svg" title="list.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/template.svg" title="template.svg"/>
                                        <img class="icon-colored" src="assets/images/icons/view_details.svg" title="view_details.svg"/>
                                    </p>
                                </div>

                            </div> <!-- end col -->
                        </div>
                        <!-- end row -->


                    </div> <!-- container -->

                </div> <!-- content -->

                <footer class="footer text-right">
                    2016 - 2017 © Zircos.
                </footer>

            </div>


            <!-- ============================================================== -->
            <!-- End Right content here -->
            <!-- ============================================================== -->


            <!-- Right Sidebar -->
            <div class="side-bar right-bar">
                <a href="javascript:void(0);" class="right-bar-toggle">
                    <i class="mdi mdi-close-circle-outline"></i>
                </a>
                <h4 class="">Settings</h4>
                <div class="setting-list nicescroll">
                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">Notifications</h5>
                            <p class="text-muted m-b-0"><small>Do you need them?</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">API Access</h5>
                            <p class="m-b-0 text-muted"><small>Enable/Disable access</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">Auto Updates</h5>
                            <p class="m-b-0 text-muted"><small>Keep up to date</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>

                    <div class="row m-t-20">
                        <div class="col-xs-8">
                            <h5 class="m-0">Online Status</h5>
                            <p class="m-b-0 text-muted"><small>Show your status to all</small></p>
                        </div>
                        <div class="col-xs-4 text-right">
                            <input type="checkbox" checked data-plugin="switchery" data-color="#7fc1fc" data-size="small"/>
                        </div>
                    </div>
                </div>
            </div>
            <!-- /Right-bar -->

        </div>
        <!-- END wrapper -->



        <script>
            var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>
        <script src="http://coderthemes.com/zircos_2/plugins/switchery/switchery.min.js"></script>

        <!-- App js -->
        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>

    </body>

<!-- Mirrored from coderthemes.com/zircos_2/default/icons-colored.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Sep 2017 09:27:25 GMT -->
</html>